<template>
  <div id="mainRight">
    <MainRightTop v-if="false" />
    <div style="height: 580px;">
      <dv-border-box-12>
        <MainRightCenter />
      </dv-border-box-12>
    </div>
    <div style="height: 360px;">
      <dv-border-box-12>
        <MainRightBottom />
      </dv-border-box-12>
    </div>
  </div>
</template>
<script>

import MainRightBottom from "@/views/main/mainRightBottom.vue";
import MainRightCenter from "@/views/main/mainRightCenter.vue";
import MainRightTop from "@/views/main/mainRightTop.vue";

export default {
  components: {
    MainRightTop, MainRightCenter, MainRightBottom
  },
  data() {
    return {

    }
  },
  mounted() {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
$box-width: 660px;
$box-height: 950px;

#mainRight{
  padding: 0;
  height: $box-height;
  width: $box-width;
  border-radius: 10px;

  .bg-color-black {
    height: $box-height;
    border-radius: 10px;
  }

}
</style>
